<template>
    <div class="search-warp">
        <div class="button" @click="onLook">
            <span>搜索</span>
        </div>
    </div>
</template>

<script>
export default {
    name: 'SearchWarp',
    methods: {
        onLook() {
            this.$router.push('/look')
        }
    }
}
</script>

<style lang="scss" scoped>
@import '../../assets/scss/theme.scss';
.search-warp{
    padding:10px;
    @include background_color('background_color5');
    .button{
        padding:5px 0;
        border-radius:20px;
        text-align: center;
        @include background_color('background_color8');
        span{
            font-size:1rem;
            @include font_color('font_color12');
        }
    }
}
</style>